{%extends "base.html"%}


{%block extrajs%}
    <script>
    $(function (){
        $("#id_fecha").datepicker({dateFormat:"dd/mm/yy"});
    });
    </script>
{%endblock%}

{%block maincontent%}
<h2>Programar Práctica</h2>
<br>
<div class="alert alert-info">
    <i class="icon-info-sign"></i> Al reservar un Aula completa para una práctica se darán por terminadas las reservaciones de equipos individuales que se encuentren a lo largo del horario de la práctica. Si estas reservaciones todavía no inician entonces serán canceladas.
</div>

<div class="row">
<div class="span6">

<form class="form-vertical" method="POST">
    <fieldset>
    <div class="control-group">
    {%csrf_token%}
    {% for hidden in form.hidden_fields %}
        {{ hidden }}
    {% endfor %}

    {% for field in form.visible_fields %}
    <div class="control-group {%if field.errors%}error{%endif%}" {%if field.name == 'fecha_fin' or field.name == 'fecha_inicio' or field.name == "hora_inicio" or field.name == "hora_fin" or field.name == "rfc" or field.name == "no_empleado"%}style="display:inline-block; vertical-align:top;"{%endif%}>
        {{ field.errors }}
        <label for="id_{{field.name}}" class="control-label"><strong>{{ field.label }}</strong></label>
        <div class="controls">
        {{ field }}
        {%if field.help_text%}
            <p class="help-block">{{field.help_text}}</p>
        {%endif%}
        </div>
    </div>
    {%if field.name == "hora_fin" or field.name == "fecha_fin"%}
    <br>
    {%endif%}
    {% endfor %}

    <input type="submit" value="Programar Práctica" class="btn btn-success"/> 
    <a class="btn btn-inverse" href="{%url reportes.views.home%}">Regresar</a>


    </fieldset>
</form>
</div>
<div class="span5">
    {%with aula.get_practica_actual as practica_actual%}
    {%if practica_actual%}
    <h4><strong>El aula {{aula.nombre}} tiene una <span class="label label-warning">práctica</span> en este momento.</strong></h4>
    <br>
    <table class="table">
        <tr>
            <table class="table">
                <tr>
                    <td><strong>Docente</strong></td><td>{{practica_actual.docente.rfc}} - {{practica_actual.docente.apellido_paterno}} {{practica_actual.docente.apellido_materno}}  {{practica_actual.docente.nombre}}</td>
                </tr>
                <tr>
                    <td><strong>Título de práctica</strong></td><td>{{practica_actual.nombre}}</td>
                </tr>
                <tr>
                    <td><strong>Horario</strong></td><td>De {{practica_actual.hora_inicio}} a {{practica_actual.hora_fin}}.</td>
                </tr>
            </table>
        </tr>
    </table>
    {%else%}
    <h4><small>El aula {{aula.nombre}} está <span class="label label-success">disponible</span> en este momento.</small></h4>
    {%endif%}
    {%endwith%}
</div>
{%endblock%}

